<extend name="Base/common"/>
<block name="head"></block>

<block name="body" >

    <!--頂部-->
    <script type="text/javascript">
        $(".navbar-nav li").eq(3).addClass("active");
    </script>
    <script>
        var prodetail="{:U('Home/Index/prodetail','','')}";
    </script>
    
    <!--頂部 結束-->

    <div class="container content">  
        <form id="form1" action="{:U('Home/Index/lists')}" method="post">
            <input class="type" name="types" style="display:none;" value="">
            <input class="attribute" name="attribute" style="display:none;" value="">
        </form>
        <!--導航篩選-->

       <div class="adv product_nav">
            <ul>
                <li class='search1'><span class="hidden-sm">分類:</span><a href="#" class="active">全部</a><volist name="types" id="type"><if condition="$typeN==$type['tname']"><a href="#" class="active">{$type['tname']}</a><else/><a href="#" >{$type['tname']}</a></if></volist></li>
                <li class='search2'><span class="hidden-sm">種水:</span><a href="#">全部</a><volist name="attribute" id="data"><if condition="$attributeN==$data['aname']"><a href="#" class="active">{$data['aname']}</a><else/><a href="#" >{$data['aname']}</a></if></volist></li>
            </ul>
        </div>
        <!--導航篩選 結束-->

        <!--商品列表-->
        <div class="row product_con">
            <volist name="product" id="data">
                <div class="col-md-4 col-sm-4 product_div">
                    <a href="javascritp:void(0);"  class="prodetail div_con" data-target="#product_li" data-toggle="modal">
                        <div style="display:none;">{$data['id']}</div>
                        <img src="__ROOT__{$data['image']|get_cover='path'}" class="blur"/>
                    </a>
                    <div class="text_con">
                        <h3>{$data['title']}</h3>
                        <p>{$data['description']}</p>
                    </div>
                </div>
            </volist>
        </div>
        <!--商品列表 結束-->
        <div class="pagination news_page">
            {$page}
        </div>
    </div>

    <!-- Modal -->
    <div  id="product_li" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<!--        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body row product_info">
                    <div class="col-md-6">
                        <img src="images/product_img_big.jpg"/>
                    </div>
                    <div class="col-md-6 text_con">
                        <h3>商品名稱</h3>
                        <p>商品參數</p>
                        <p>商品參數</p>
                        <p>商品參數</p>
                        <p>商品參數</p>
                    </div>
                </div>
            </div>
        </div>-->
    </div>

    <block name="footer"></block>
</block>
